<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">

<h:head>
	<title><h:outputText value="#{msgs.lista_alumnos}" /></title>
</h:head>
<f:view locale="es">
	<h:body>
		<h:form>
			<h3><h:outputLabel value="#{msgs.lista_alumnos}" /></h3>
			<h4><h:outputText value="#{alumnosView.useCaseMode}" /></h4>
			<rich:panel>
				<rich:dataTable id="alumnos" value="#{alumnosView.alumnos}"
					var="alumno">
					<f:facet name="header">
						<rich:columnGroup>
							<rich:column>
								<h:outputText value="#{msgs.nombre}" />
							</rich:column>
							<rich:column>
								<h:outputText value="#{msgs.apellido}" />
							</rich:column>
							<rich:column>
								<h:outputText value="#{msgs.telefono}" />
							</rich:column>
							<rich:column>
								<h:outputText value="#{msgs.email}" />
							</rich:column>
							<rich:column>
								<h:outputText value="#{msgs.acciones}" />
								<h:commandButton image="/imagenes/page_add.png"
									title="#{msgs.nuevo_alumno}"
									action="#{alumnosListener.irNuevoAlumno}" />									
							</rich:column>
						</rich:columnGroup>
					</f:facet>
					<rich:column>
						<h:outputText value="#{alumno.nombre}" />
					</rich:column>
					<rich:column>
						<h:outputText value="#{alumno.apellido}" />
					</rich:column>
					<rich:column>
						<h:outputText value="#{alumno.telefono}" />
					</rich:column>
					<rich:column>
						<h:outputText value="#{alumno.email}" />
					</rich:column>
					<rich:column>
						<h:panelGrid columns="3">
							<h:column>
								<h:commandButton image="/imagenes/magnifier.png"
									title="#{msgs.ver_datos}"
									action="#{alumnosListener.irVerAlumno}" />
							</h:column>
							<h:column>
								<h:commandButton image="/imagenes/page_edit.png"
									title="#{msgs.modificar_alumno}"
									action="#{alumnosListener.irEditarAlumno}" />
							</h:column>
							<h:column>
								<h:commandButton image="/imagenes/page_delete.png"
									title="#{msgs.borrar_alumno}"
									action="#{alumnosListener.irBorrarAlumno}" />
							</h:column>
						</h:panelGrid>
					</rich:column>
				</rich:dataTable>
			</rich:panel>
			<h:panelGrid columns="2">
				<h:column>
					<h:commandButton value="#{msgs.volver}"
						action="#{alumnosListener.volver}" />
				</h:column>
				<h:column>
					<h:commandButton value="#{msgs.salir}"
						action="#{alumnosListener.salir}" />
				</h:column>
			</h:panelGrid>
		</h:form>
	</h:body>
</f:view>
</html>